import React from 'react'
import styles from './Partner.module.css'
import { Row, Col, Typography, Divider } from 'antd'
import partnerImage1 from '../../assets/images/facebook-807588_640.png'
import partnerImage2 from '../../assets/images/follow-826033_640.png'
import partnerImage3 from '../../assets/images/microsoft-80658_640.png'
import partnerImage4 from '../../assets/images/icon-720944_640.png'

export const Partner = () => {
	return (
		<div className={styles.content}>
			<Divider orientation="left">
				<Typography.Title level={3} type={'warning'}>
					合作企业
				</Typography.Title>
			</Divider>
			<Row>
				<Col span={6}>
					<img src={partnerImage1} alt="" className={styles['side-image']} />
				</Col>
				<Col span={6}>
					<img src={partnerImage2} alt="" className={styles['side-image']} />
				</Col>
				<Col span={6}>
					<img src={partnerImage3} alt="" className={styles['side-image']} />
				</Col>
				<Col span={6}>
					<img src={partnerImage4} alt="" className={styles['side-image']} />
				</Col>
			</Row>
		</div>
	)
}
